<template>
  <div>
    <top-bar></top-bar>
    <video src="@/assets/images/qm1.mp4" autoplay="autoplay" muted="nuted" loop="loop" :class="bg_video" height="600px"></video>
    <router-view></router-view>
    <FootBar></FootBar>
  </div>
</template>

<script>
import topBar from '../components/TopBar.vue';
import FootBar from '../components/FootBar.vue';
export default {
  components: { topBar, FootBar },
  created(){
    this.getUser();
  },
  methods:{
    getUser(){
      this.axios.post("http://182.61.20.123:3001/singin/match",{
        data:'aaa',
        pwd:'bbb'
      }).then(res=>{
        console.log(res)
      })
    }
  }
}

</script>

<style lang='less' scoped>
   .wall-index{
    .bg-video{
      position: fixed;
      top:0;
      left: 0;
      z-index: 9999;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .logo{
        display: flex;
        align-items: center;
        .logo-name {
          font-size: 20px;
          color:@gray-1;
          font-weight: 600;
          padding-right: 10px;
        }
      }
    }
   }
</style>
